let resultStr=""
/* 完成跟换图片 */
$(".select").on("click",function () {
    $("#file").click()
})

/* 完成change事件 */
$("#file").on("change",function (e) {
    const file=e.target.files
    // console.log(file);
    if(file.length===0)return
    // console.log(file[0]);   //点语法不行,需要使用中括号语法,还是因为是数字原因,还是因为变量
    const bloburl=window.URL.createObjectURL(file[0])
    // window.URL.createObjectURL====>这个js原生的方法,可以获取到图片对应的地址
    $("#image").prop("src",bloburl)

    // 获取到图片转为base64位数据===>构造一个实列,让后,通过实列上的方法,将文件格式转为64位base
    let reader= new FileReader()
    if(file[0]){   //这里判断是否有文件,有就进行下面装换
        reader.readAsDataURL(file[0])  //这行代码就是用来转为base64位
        reader.onloadend=function () {  //监听成功后,打印结果
            // 直接打印结果
            // console.log(reader.result);
           resultStr= reader.result
        }
    }
})

/* 完成上传图像 */
$(".layui-btn-danger").on("click",function () {

    // 完成优化
    if(! resultStr)return layer.msg("请上传图片")  //不加判断直接上传,会有问题
    const data=`avatar=${encodeURIComponent(resultStr)}`
    // console.log(data);
    axios.post("http://api-breakingnews-web.itheima.net/my/update/avatar",data,{headers:{Authorization:localStorage.getItem("token")}}).then(({data:res})=>{
        // console.log(res);
        layer.msg(res.message)
        if(res.status===0) {
            window.parent.creatData()
        }
    })
})

/* 完成页面图片本地渲染 */
axios.get(
    "http://api-breakingnews-web.itheima.net/my/userinfo",
    {headers:{Authorization:localStorage.getItem("token")}}
).then(({data:res})=>{
    if(res.status===0) {  //这个判断里面是获取信息成功
        let { user_pic}=res.data
        if(user_pic){  
            $("#image").prop("src",user_pic)
        }
    }    
})













